<?php
/**
 * Created by PhpStorm.
 * User: henryxi-mac
 * Date: 2015/4/21
 * Time: 17:37
 */
?>
<html style="font-size:10px !important"><head lang="en">
    <base href="http://weixin.juzili.net/ChinaMobile/">
    <meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
    <meta charset="UTF-8">
    <title></title>
    <link href="../WeEngine/web/resource/css/bootstrap.min.css" rel="stylesheet">
    <link href="../WeEngine/web/resource/css/common.css" rel="stylesheet">
    <link href="../WeEngine/web/resource/css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="css/jquery.bigautocomplete.css" rel="stylesheet">
    <style>
        .content{
            position:relative;
            margin: 0 auto;
            width:640px;
            height:960px;
            background: url(images/bg2.png) no-repeat;
            background-size: 100% 100%;
        }
        .input{
            position:absolute;
            left:31.25%;
            width:56.25%;
            height:5.9375%;
            border-radius: 3px;
            border:none;
            font-size: 2.4rem;
        }
        .select{
            position:absolute;
            width:35.3125%;
            left:31.25%;
            top:51.66666666666667%;
            height:5.9375%;
            border-radius: 3px;
            border:none;
            font-size: 2.4rem;
        }
        #name{
            top:36.14583333333333%;
        }
        #phone{
            top:43.85416666666667%;
        }
        #community{
            top:59.27083333333333%;
        }
        #btn_submit{
            position: absolute;
            width: 37.5%;
            left:31.25%;
            top:71.25%;
            height: 6.97916666666667%;
            background:url(images/btn_submit.png) no-repeat;
            background-size: 100% 100%;
            padding: 0;
            border:none;
            margin: 0;
        }
    </style>
</head>
<body>

<div class="content" style="height: 1137px;">
     <input id="phone" type="input" class="input" placeholder="请输入手机号码">
    <select id="district" class="select">
        <option>雁塔区</option>
        <option>长安区</option>
        <option>碑林区</option>
        <option>莲湖区</option>
        <option>新城区</option>
        <option>灞桥区</option>
        <option>未央区</option>
    </select>
    <input id="community" type="input" class="input" placeholder="请输入您的小区名称">
    <input type="button" id="btn_submit">
</div>
<div id="bigAutocompleteContent" class="bigautocomplete-layout" style="width: 360px; top: 739.90625px; left: 840px; display: block;"><table><tbody><tr><td><div>西安3538社区</div></td></tr><tr><td><div>西安泵阀厂家属院</div></td></tr><tr><td><div>西安电力电子技术研究所</div></td></tr><tr><td><div>西安电炉研究所家属院</div></td></tr><tr><td><div>西安电子科技大学太白南路社区及校内教职工楼</div></td></tr><tr><td><div>西安工业大学家属院</div></td></tr><tr><td><div>西安光华食品厂家属院</div></td></tr><tr><td><div>西安汇鑫置业集团</div></td></tr><tr><td><div>西安交警总队家属院</div></td></tr><tr><td><div>西安勘察设计院</div></td></tr><tr><td><div>西安美术学院(家属院)</div></td></tr><tr><td><div>西安日报社</div></td></tr><tr><td><div>西安日报社记者村</div></td></tr><tr><td><div>西安设计研究院住宅区</div></td></tr><tr><td><div>西安市建筑设计院小区</div></td></tr><tr><td><div>西安市莲湖区枣园街道办精密社区</div></td></tr><tr><td><div>西安市青松小区</div></td></tr><tr><td><div>西安市群众面粉厂家属院</div></td></tr><tr><td><div>西安市燃料加工厂家委会</div></td></tr><tr><td><div>西安市人民银行家属院</div></td></tr><tr><td><div>西安市统计局家属院</div></td></tr><tr><td><div>西安市新城区尚朴路社区</div></td></tr><tr><td><div>西安市新城区尚朴路社区（2期）</div></td></tr><tr><td><div>西安市中国兵器213研究所家属院2期</div></td></tr><tr><td><div>西安土门市场</div></td></tr><tr><td><div>西安旺园小区</div></td></tr><tr><td><div>西安五龙汤小区</div></td></tr><tr><td><div>西安油脂厂家属院</div></td></tr><tr><td><div>西安油脂厂家属院小区</div></td></tr><tr><td><div>西安照明电器工业公司家属院</div></td></tr><tr><td><div>西藏驻西安办事处北院</div></td></tr><tr><td><div>中国有色金属工业西安勘察设计研究院家属院</div></td></tr></tbody></table></div><input id="name" type="input" class="input" placeholder="输入姓名">

<script type="text/javascript">
    new function (){
        var _self = this;
        _self.width = 640;//设置默认最大宽度
        _self.fontSize = 10;//默认字体大小
        _self.widthProportion = function(){var p = (document.body&&document.body.clientWidth||document.getElementsByTagName("html")[0].offsetWidth)/_self.width;return p>1?1:p<0.5?0.5:p;};
        _self.changePage = function(){
            document.getElementsByTagName("html")[0].setAttribute("style","font-size:"+_self.widthProportion()*_self.fontSize+"px !important");
        }
        _self.changePage();
        window.addEventListener('resize',function(){_self.changePage();},false);
    };
</script>
<script src="../WeEngine/web/resource/js/lib/jquery-1.11.1.min.js"></script>
<script src="../WeEngine/web/resource/js/lib/bootstrap.min.js"></script>

</body></html>